<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title> Informes de paises</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">

        {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
    </head>
    <body>

        {% include "topmenu.html" %} <!-- Top menu -->

        <div class="container">
            <div class="row-fluid">

                {% include "sidebar.html" %} <!-- Side bar -->

                <div class="span8">
                    <div class="page-header">
                        <h3>Informes de paises</h3>
                    </div>
                    <table cellpadding="3px" cellspacing="3px" width="100%" class="table">
                        {% for region , paises_region in lista_nueva %}
                        <tr>
                            <td bgcolor="#A6B5C7" colspan="3"><h4> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ region }} </h4></td>
                        </tr>
                        {% for codigo, nombre, bandera, informe_id, mas_de_uno in paises_region %}
                        {% if informe_id == '0' %}
                        <tr>
                            <td align="center"><img src="{{ STATIC_URL }}banderas{{bandera}}"> {{ nombre }} </td>
                            <td colspan="2" align="center"> No posee informes </td>
                        </tr>
                        {% else %}
                        <tr>
                            <td align="center"><img src="{{ STATIC_URL }}banderas{{bandera}}"> {{ nombre }} </td>
                            <td align="center"><a class="btn btn-primary" href="/plataforma/ver_informes_pais/{{informe_id}}"> Ver informe actual</a></td>

                            {% if mas_de_uno == True %}
                            <td align="center" ><a class="btn btn-primary" href=/plataforma/ver_informes_pais_anteriores/{{codigo}}> Ver informes previos</a></td>
                            {% else %}
                            <td align="center" > Sin informes previos</td>
                            {% endif %}
                        </tr>
                        {% endif %}
                        {% endfor %}
                        {% endfor %}
                    </table>
                </div>
            </div>

            {% include "footer.html" %} <!-- Footer -->
        </div>
        <!-- container -->

        <!-- JS files -->
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap-formhelpers-countries.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap-formhelpers-countries-US.js" %}"></script>

    </body>
</html>